<template>
	<view>
		<view class="fixed-box">
			<view class="fixedbox">
				<image class="bg" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.MbnTEnikWqPN47b36d29885799816e6230755e5a108f.png"
				 mode=""></image>
				<view class="head">
					<view class="head_left1" @tap="back()">
						<image src="../../../static/wode/return1.png" mode=""></image>
						<text>我的</text>
					</view>
					<text>教学中心</text>
					<view class="head_right1">
						<view class="imgBox" @tap="toMessage">
							<image src="../../../static/wode/xiaoxi.png" mode=""></image>
							<view v-if="noRead==true" class="hongdian"></view>
						</view>
						<view class="imgBox" @tap="toMoney">
							<image src="../../../static/wode/shouyi.png" mode=""></image>
							<view class="hongdian"></view>
						</view>
					</view>
				</view>

				<swiper class="swiper-tall" :indicator-dots="indicatorDots" :autoplay="autoplay" :previous-margin="previousMargin"
				 :next-margin="nextMargin" :circular="circular" @change="change" :current="swiperCurrentIndex">
					<swiper-item class="swiper-container" v-for="(item,index) in info" :key="index" :item-id="index" :data-year="index">
						<view class="swiper-item" :animation="animationData[index]">
							<view class="card">
								<view class="card_item">
									<text class="type">{{item.shenfen || '专业助学师'}}</text>
									<!-- <text class="money">{{item.price}}元/月</text> -->
									<text class="language">{{item.teach_language || '英语'}}</text>
								</view>
								<view class="card_item1 text1">
									<text>评分</text>
									<text class="margin1">{{item.score}}</text>
									<uni-rate disabled="true" size="18" :value="item.score"></uni-rate>
								</view>
								<view class="card_item1 text1">
									最近课程
									<text v-if="item.map.latelyclass.length!=0">
										<text class="margin1">周四</text>
										19：30
									</text>
									<text v-else class="margin1">无</text>
								</view>
								<view class="card_item1">
									累计收益
									<text class="text2">{{item.map.totalIncome}}元</text>
									本月收益
									<text class="text2">{{item.map.monthlyEarnings}}元</text>
								</view>
								<view class="card_item">
									<view class="card_item1">
										<text class="magin2">累计课时</text>
										<text>{{item.map.classCount}}节</text>
									</view>
									<view class="card_item1">
										<text class="magin2">本月课时</text>
										<text>{{item.map.courseCount}}节</text>
									</view>
									<view class="card_item1">
										<text class="magin2">剩余课时</text>
										<text>{{item.map.residueCount}}节</text>
									</view>
								</view>
								<view class="card_item1">
									累计学生
									<text class="text2">{{item.map.studentCount}}人</text>

									当前学生
									<text class="text2">{{item.map.currentStudentCount}}人</text>
								</view>
								<view class="car_item2">
									入驻时间<text class="margin1">{{item.ruzhu}}</text>
								</view>
								<view class="img_box">
									<image class="updateImg" src="../../../static/wode/updateTeach.png" mode=""></image>
								</view>

							</view>
						</view>
					</swiper-item>
					<swiper-item class="swiper-container" v-for="(item,index) in info" :key="index" :item-id="index" :data-year="index">
						<view class="swiper-item" :animation="animationData[index]">
							<view class="card">
								<view class="card_item">
									<text class="type">{{item.shenfen || '直播课堂讲师'}}</text>
									<!-- <text class="money">{{item.price}}元/月</text> -->
									<text class="language">{{item.teach_language || '英语'}}</text>
								</view>
								<view class="card_item1 text1">
									<text>课堂数量</text>
									<text class="margin1">4</text>
									<uni-rate disabled="true" size="18" :value="item.score"></uni-rate>
								</view>
								<view class="card_item1 text1">
									最近课程
									<text v-if="item.map.latelyclass.length!=0">
										<text class="margin1">周四</text>
										19：30
									</text>
									<text v-else class="margin1">无</text>
								</view>
								<view class="card_item1">
									累计收益
									<text class="text2">{{item.map.totalIncome}}元</text>
									本月收益
									<text class="text2">{{item.map.monthlyEarnings}}元</text>
								</view>
								<view class="card_item">
									<view class="card_item1">
										<text class="magin2">累计课时</text>
										<text>{{item.map.classCount}}节</text>
									</view>
									<view class="card_item1">
										<text class="magin2">本月课时</text>
										<text>{{item.map.courseCount}}节</text>
									</view>
									<view class="card_item1">
										<text class="magin2">剩余课时</text>
										<text>{{item.map.residueCount}}节</text>
									</view>
								</view>
								<view class="car_item2">
									入驻时间<text class="margin1">{{item.ruzhu}}</text>
								</view>
							</view>
						</view>
					</swiper-item>
				</swiper>

				<view class="menu_box" v-if="swiperCurrentIndex == 0">
					<view class="" @tap="selectMenu(index)" :class="{fontActive:index===menuIndex}" v-for="(item,index) in menuList"
					 :key="index">
						{{item}}
						<view v-show="menuIndex===index" class="data-active"></view>
					</view>
				</view>
				<view class="menu_box" v-if="swiperCurrentIndex == 1">
					<view class="" @tap="selectMenu(index)" :class="{fontActive:index===liveIndex}" v-for="(item,index) in liveList"
					 :key="index">
						{{item}}
						<view v-show="liveIndex===index" class="data-active"></view>
					</view>
				</view>
			</view>
		</view>

		<view v-if="swiperCurrentIndex == 0">
			<view class="first_box" v-if="menuIndex==0">

				<view class="message_box " v-if="myData != '' && myData.introduction!=''">
					<view class="message_me">
						<text>自我介绍</text>
						<view class="me_body">{{myData.introduction}}</view>
					</view>
				</view>

				<view class="message_box" v-if="myData.relevant_information!=''">
					<view class="mid_item">
						<view class="proveText">相关证明资料</view>
						<image v-for="(item,index) in myData.relevant_information" :key="index" class="selected-img" :src="item"></image>
					</view>
				</view>
				<view class="message_box " v-if="myData.teach_language!=''">
					<view class="mid_item">
						<view class="body_top_item ">
							<text class="text3">教学语言</text>
							<view class="body_item_right">
								<text class="">{{myData.teach_language}}</text>
								<image src="../../../static/right.png" mode=""></image>
							</view>
						</view>
						<video class="selected-img" v-for="(item,index) in myData.teach_language_url" :key="index" :src="item" mode=""></video>
					</view>
				</view>
				<view class="message_box" v-if="myData.mother_tongue!=''">
					<view class="mid_item">
						<view class="body_top_item ">
							<text class="text3">母语</text>
							<view class="body_item_right">
								<text class="">{{myData.mother_tongue}}</text>
								<image src="../../../static/right.png" mode=""></image>
							</view>
						</view>
						<video class="selected-img" v-for="(item,index) in myData.mother_tongue_url" :key="index" :src="item" mode=""></video>
					</view>
				</view>
				<view class="message_box" v-if="myData.language!=''">
					<view class="mid_item">
						<view class="body_top_item ">
							<text class="text3">掌握语言</text>
							<view class="body_item_right">
								<text class="">{{myData.language}}</text>
								<image src="../../../static/right.png" mode=""></image>
							</view>
						</view>
						<video class="selected-img" v-for="(item,index) in myData.language_url" :key="index" :src="item" mode=""></video>
					</view>
				</view>


				<view class="btn_box">
					<view class="btn" @tap="toChangeData">
						变更资料
					</view>
				</view>
			</view>
			<view class="first_box" v-else-if="menuIndex==1">
				<view class="" v-if="studentList.length!=0">
					<view class="studentItem" v-for="(item,index) in studentList" :key="index">
						<view class="student_left">
							<image :src="item.map.userinfo.avatar" mode=""></image>
							<text>{{item.map.userinfo.nick_name}}</text>
						</view>
						<view class="student_right">
							<text>共{{item.map.totalCourse}}课时</text>
							<text>剩余{{item.map.notCount}}课时</text>
						</view>
					</view>
				</view>
				<view class="noList" v-else>
					暂无学生
				</view>
			</view>
			<view class="first_box" v-else-if="menuIndex==2" :class="{padding_bottom:showStudent==true}">
				<view class="teble_box">
					<view class="teble_item">
						<view class="title_left">
							<text>{{yearDate}}年{{monthDate}}月</text>
						</view>
						<view class="title_right">
							<view class="title_week" @tap="isShowWeek">
								<text>{{week}}</text>
								<image src="../../../static/wode/greenDown.png" mode=""></image>
								<view v-if="showWeek==true">
									<view class="week_box">
										<text v-for="(item,index) in weekList" :key="index" @tap="chooseWeek(index,'2')">{{item}}</text>
									</view>
								</view>
							</view>
							<view class="title_class">
								课节
							</view>
						</view>
					</view>
					<view class="teble_item" v-for="(item,index) in dayList" :key="index">
						<view class="class_day">
							<text>{{item.weekDay}}</text>
							<text class="text_day">({{item.date}}号)</text>
						</view>
						<view class="class_anpai" @tap="toSetClass(item.date,item.timeNumItem)">
							<text>课程安排></text>
						</view>
						<view class="class_big">
							<view class="class_box" v-for="(item1,index1) in item.classLine" :key="index1">
								<view class="class_item">
									<view v-if="item1[0]!=undefined&&item1[0]!=''">
										<view class="status1" v-if="item1[0].status==1" @tap="showMessage(item1[0],index1,'0',index)" :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>已取消</text>
											<text>{{item1[0].timeNum}}</text>
										</view>
										<view class="status2" v-else-if="item1[0].status==2" @tap="showMessage(item1[0],index1,'0',index)" :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status3" v-else-if="item1[0].status==3" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>已结束</text>
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status4" v-else-if="item1[0].status==4" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>修改申请中</text>
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status5" v-else-if="item1[0].status==5" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>取消预约申请中</text>
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status3" v-else-if="item1[0].status==6" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>已逾期</text>
											{{item1[0].timeNum}}
										</view>
									</view>
									<view v-else></view>
								</view>
								<view class="class_item">
									<view v-if="item1[1]!=undefined&&item1[1]!=''">
										<view class="status1" v-if="item1[1].status==1" @tap="showMessage(item1[1],index1,'1',index)" :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>已取消</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status2" v-else-if="item1[1].status==2" @tap="showMessage(item1[1],index1,'1',index)" :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[1].status==3" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>已结束</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status4" v-else-if="item1[1].status==4" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>修改申请中</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status5" v-else-if="item1[1].status==5" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>取消预约申请中</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[1].status==6" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>已逾期</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
									</view>
									<view v-else></view>
								</view>
								<view class="class_item">
									<view v-if="item1[2]!=undefined&&item1[2]!=''">
										<view class="status1" v-if="item1[2].status==1" @tap="showMessage(item1[2],index1,'2',index)" :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>已取消</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status2" v-else-if="item1[2].status==2" @tap="showMessage(item1[2],index1,'2',index)" :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[2].status==3" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>已结束</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status4" v-else-if="item1[2].status==4" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>修改申请中</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status5" v-else-if="item1[2].status==5" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>取消预约申请中</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[2].status==6" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>已逾期</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
									</view>
									<view v-else></view>
								</view>
							</view>
						</view>

					</view>
				</view>
			</view>
			<view class="first_box" v-else-if="menuIndex==3">
				<view class="" v-if="commentList.length!=0">
					<view class="comment_box" v-for="(item,index) in commentList" :key="index">
						<text class="comment_title">{{item.map.appointmentinfo.title}} {{item.time}}</text>
						<view class="comment_people">
							<image class="headImg" :src="item.map.userinfo.avatar" mode=""></image>
							<view class="people_right">
								<view class="name_box">
									<text>{{item.map.userinfo.nick_name}}</text>
									<text class="margin2">{{item.creat_time}}</text>
								</view>
								<view class="grade_box">
									<uni-rate disabled="true" size="12" :value="item.score"></uni-rate>
									<text class="margin2">{{item.score}}</text>
								</view>
							</view>
						</view>
						<view class="comment_first">
							{{item.content}}
						</view>
						<view class="comment_two" v-if="item.map.subComment.length!=0">
							<view class="name_box">
								助学师<text class="returnto">回复</text>{{item.map.subComment[0].map.userinfo.nick_name}}
							</view>
							<view class="">
								<text class="text4">{{item.map.subComment[0].content}}</text>
								<text class="time">{{item.map.subComment[0].create_time}}</text>
								<text class="delete" @tap="deleteComment(item.id,index)" v-if="myId==item.master_id||myId==item.user_id">删除</text>
							</view>
						</view>
					</view>
				</view>
				<view class="noList" v-else>
					暂无评论
				</view>
			</view>
			<view class="bottom-box" v-if="showStudent==true">
				<!-- v-if="showStudent==true" -->
				<!--  -->
				<view class="bottom-left">
					<image :src="studentItem.avatar" mode=""></image>
					<view class="people-box">
						<text class="names">{{studentItem.nick_name}}</text>
						<view class="message-box">
							<text v-if="classItem.title!=''">《{{classItem.title}}》</text>{{classItem.timeNum}}
						</view>
					</view>

				</view>
				<view class="bottom-right" v-if="classItem.status==2">
					<view class="right-top" @tap="toChange()">
						修改
					</view>
					<view class="right-bottom" @tap="toDelete()">
						取消预约
					</view>
				</view>
				<view class="bottom-right" v-else-if="classItem.status==6">
					已逾期
				</view>
				<view class="bottom-right" v-else-if="classItem.status==1">
					已取消
				</view>
				<view class="bottom-right" v-else-if="classItem.status==3">
					已结束
				</view>
				<view class="bottom-right" v-else-if="classItem.status==4">
					修改中
				</view>
				<view class="bottom-right" v-else-if="classItem.status==5">
					取消中
				</view>
				<view class="bottom-right" v-else>

				</view>
			</view>
		</view>
		<view v-if='swiperCurrentIndex == 1'>
			
			<view class="first_box" v-if="liveIndex==0">
				<view class="teble_box">
					<view class="teble_item">
						<view class="title_left">
							<text>{{yearDate}}年{{monthDate}}月</text>
						</view>
						<view class="title_right">
							<view class="title_week" @tap="isShowWeek">
								<text>{{week}}</text>
								<image src="../../../static/wode/greenDown.png" mode=""></image>
								<view v-if="showWeek==true">
									<view class="week_box">
										<text v-for="(item,index) in weekList" :key="index" @tap="chooseWeek(index,'2')">{{item}}</text>
									</view>
								</view>
							</view>
							<view class="title_class">
								课节
							</view>
						</view>
					</view>
					<view class="teble_item" v-for="(item,index) in dayList" :key="index">
						<view class="class_day">
							<text>{{item.weekDay}}</text>
							<text class="text_day">({{item.date}}号)</text>
						</view>
						<view class="class_anpai" @tap="toSetClass(item.date,item.timeNumItem)">
							<text>课程安排></text>
						</view>
						<view class="class_big">
							<view class="class_box" v-for="(item1,index1) in item.classLine" :key="index1">
								<view class="class_item">
									<view v-if="item1[0]!=undefined&&item1[0]!=''">
										<view class="status1" v-if="item1[0].status==1" @tap="showMessage(item1[0],index1,'0',index)" :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>已取消</text>
											<text>{{item1[0].timeNum}}</text>
										</view>
										<view class="status2" v-else-if="item1[0].status==2" @tap="showMessage(item1[0],index1,'0',index)" :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status3" v-else-if="item1[0].status==3" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>已结束</text>
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status4" v-else-if="item1[0].status==4" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>修改申请中</text>
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status5" v-else-if="item1[0].status==5" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>取消预约申请中</text>
											{{item1[0].timeNum}}
										</view>
										<view class="status1 status3" v-else-if="item1[0].status==6" @tap="showMessage(item1[0],index1,'0',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='0'&&selectIndex3==index}">
											<text>已逾期</text>
											{{item1[0].timeNum}}
										</view>
									</view>
									<view v-else></view>
								</view>
								<view class="class_item">
									<view v-if="item1[1]!=undefined&&item1[1]!=''">
										<view class="status1" v-if="item1[1].status==1" @tap="showMessage(item1[1],index1,'1',index)" :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>已取消</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status2" v-else-if="item1[1].status==2" @tap="showMessage(item1[1],index1,'1',index)" :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[1].status==3" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>已结束</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status4" v-else-if="item1[1].status==4" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>修改申请中</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status5" v-else-if="item1[1].status==5" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>取消预约申请中</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[1].status==6" @tap="showMessage(item1[1],index1,'1',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='1'&&selectIndex3==index}">
											<text>已逾期</text>
											<text>{{item1[1].timeNum}}</text>
										</view>
									</view>
									<view v-else></view>
								</view>
								<view class="class_item">
									<view v-if="item1[2]!=undefined&&item1[2]!=''">
										<view class="status1" v-if="item1[2].status==1" @tap="showMessage(item1[2],index1,'2',index)" :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>已取消</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status2" v-else-if="item1[2].status==2" @tap="showMessage(item1[2],index1,'2',index)" :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[2].status==3" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>已结束</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status4" v-else-if="item1[2].status==4" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>修改申请中</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status5" v-else-if="item1[2].status==5" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>取消预约申请中</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
										<view class="status1 status3" v-else-if="item1[2].status==6" @tap="showMessage(item1[2],index1,'2',index)"
										 :class="{active:selectIndex==index1&&selectIndex2=='2'&&selectIndex3==index}">
											<text>已逾期</text>
											<text>{{item1[2].timeNum}}</text>
										</view>
									</view>
									<view v-else></view>
								</view>
							</view>
						</view>
			
					</view>
				</view>
			</view>
			<view class='first_box' v-else-if="liveIndex==1">
				<image @click="toCreatClass" class='creatClass' src="http://www.huihejituan.com/tripPictstorage/qmore/wx/fd7177e73b4d28a9ada9afd53e77dec.png" mode=""></image>
				<view class="tuijianList">
					<view class="tuijianItem" v-for="(item,index) in groupList" :key="index">
						<image class="coverImg" :src="item.faceUrl" mode=""></image>
						<view class="GroupOwner">
							<image :src="item.map.userinfo.avatar" mode=""></image>
							<text>{{item.map.userinfo.nick_name}}.{{item.map.userinfo.country}}</text>
						</view>
						<view class="titleTop">
							<view class="">
								{{item.group_name}}
							</view>
							<view class="titleLanuage">
								{{!item.language_level ? '零基础' : item.language_level}}
							</view>
						</view>
						<view class="titleTop">
							<image v-if="item.type=='voice_chat'" src="/static/jingyu/Ordinaryspeech.png" mode=""></image>
							<image v-else-if="item.type=='online_video'" src="/static/jingyu/Onlinevideo.png" mode=""></image>
							<image v-else-if="item.type=='online_voice'" src="/static/jingyu/Onlinevoice.png" mode=""></image>
							<image v-else-if="item.type=='realtime_video'" src="/static/jingyu/Realtimevideo.png" mode=""></image>
							<image v-else-if="item.type=='realtime_voice'" src="/static/jingyu/Realtimevoice.png" mode=""></image>
							<image v-else-if="item.type=='life_live'" src="/static/jingyu/life.png" mode=""></image>
							<image v-else="item.type=='recreation_live'" src="/static/jingyu/recreation.png" mode=""></image>
							
							<view>
								<view v-if="item.age_grade == 'Childhood'" class="">幼儿</view>
								<view v-else-if="item.age_grade == 'Teenagers'" class="">青少年</view>
								<view v-else-if="item.age_grade == 'University Student'" class="">大学生</view>
								<view v-else="item.age_grade == 'Adult'"class="">成年</view>
							</view>
							
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniSwiperDot from '@/components/uni-swiper-dot.vue'
	import uniRate from "@/components/uni-rate/uni-rate.vue"
	import uniIcon from "@/components/uni-icon/uni-icon.vue"
	export default {
		components: {
			uniSwiperDot,
			uniRate,
			uniIcon
		},
		data() {
			return {
				menuList: ['基本资料', '学生', '课程', '评论'],
				menuIndex: 0,
				liveList: ['我的课程', '我的课堂'],
				liveIndex: 0,
				showWeek: false,
				state: {},
				weekList: ['第一周', '第二周', '第三周', '第四周', '第五周', '第六周'],
				week: '第一周',
				dayList: [],
				yearDate: '',
				monthDate: '',
				info: '',
				screenHeight: 0,
				animationData: {
					0: {},
					1: {},
					2: {},
					3: {}
				},
				title: '0',
				indicatorDots: false,
				autoplay: false,
				previousMargin: uni.upx2px(82) + 'px',
				nextMargin: uni.upx2px(42) + 'px',
				circular: true,
				zoomParam: 1.10,
				swiperCurrentIndex: 0,
				myData: '',
				myDataList: '', //基本资料
				studentList: '', //学生列表
				commentList: '', //评论列表
				showStudent: false,
				selectIndex: '', //小行索引
				selectIndex2: '', //列索引
				selectIndex3: '', //大行索引
				studentItem: '',
				noRead: false, //是否显示消息未读红点,
				groupList:[]
			}
		},
		onLoad() {

		},
		onShow() {
			this.getCardData()
			this.getMyData()
			this.selectMenu(this.menuIndex)
			this.getread()
		},
		methods: {
			toCreatClass(){
				
				uni.navigateTo({
					url: '../../../pages/My/creatClass/creatClass'
				})
			},
			getGroupList() { //讨论组列表
				var me = this
				var data = {
					currentPage:1,
				}
				this.myAjaxNew({
					model: 'message',
					controllerName: 'messageGroup',
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) { 
						me.groupList = me.groupList.concat(res.data.data)
					},
				})
			},
			aaa(item) {
				console.log(item)
			},
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			getread() { //查询是否有未读信息
				var me = this
				var data = {
					master_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'masterNotice',
					actionName: 'queryIsRead',
					data: data,
					successBack: function(res) {
						console.log(res, '是否未读消息')
						if (res.data.data == true) {
							me.noRead = true
						}
					}
				})
			},
			getCardData() { //获取学习卡资料
				var me = this;
				var data = {
					user_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'masterInfo',
					actionName: 'queryTeachingCenter',
					data: data,
					successBack: function(res) {
						// console.log(res, '助学卡资料')
						me.info = res.data.data
						for (var i = 0; i < me.info.length; i++) {
							if (me.info[i].recommend_type == 'major') {
								me.info[i].shenfen = '专业助学师'
							} else if (me.info[i].recommend_type == 'cross_border') {
								me.info[i].shenfen = '跨境助学师'
							} else if (me.info[i].recommend_type == 'mother_tongue') {
								me.info[i].shenfen = '母语助学师'
							} else if (me.info[i].recommend_type == 'private_education') {
								me.info[i].shenfen = '私教'
							}
							if (me.info[i].score.toString().indexOf('.') == -1) {
								me.info[i].score = me.info[i].score + '.0'
							}
							me.info[i].ruzhu = me.info[i].create_time.split(' ')[0]
						}
					},
				})
			},
			getMyData() {
				var me = this;
				var data = {
					user_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'masterInfo',
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) {
						// console.log(res, '基本资料')
						me.myDataList = res.data.data
						for (var i = 0; i < me.myDataList.length; i++) {
							me.myDataList[i].relevant_information = me.myDataList[i].relevant_information.split(',')
							me.myDataList[i].language_url = me.myDataList[i].language_url.split(',')
							me.myDataList[i].mother_tongue_url = me.myDataList[i].mother_tongue_url.split(',')
							me.myDataList[i].teach_language_url = me.myDataList[i].teach_language_url.split(',')
							me.myDataList[i].language = me.myDataList[i].language.replace(/,/g, "/")
							me.myDataList[i].mother_tongue = me.myDataList[i].mother_tongue.replace(/,/g, "/")
							me.myDataList[i].teach_language = me.myDataList[i].teach_language.replace(/,/g, "/")
						}
						me.myData = me.myDataList[0]
					},
				})
			},
			change(e) {
				this.swiperCurrentIndex = e.detail.current;
				this.title = e.detail.currentItemId;
				console.log(this.swiperCurrentIndex, '索引')
				this.myData = this.myDataList[this.swiperCurrentIndex]
				if(this.swiperCurrentIndex == 1){
					this.showDate()
					this.getClass()
				}
			},
			selectMenu(index) {
				console.log(1111)
				if (this.swiperCurrentIndex == 0) {
					this.menuIndex = index
					if (this.menuIndex == 0) {
						this.getMyData()
					} else if (this.menuIndex == 1) {
						this.getStudent()
					} else if (this.menuIndex == 2) {
						this.showDate()
						this.getClass()
					} else if (this.menuIndex == 3) {
						this.getcomment()
					}
				} else {
					this.liveIndex = index
					if(this.liveIndex == 0){
						this.showDate()
						this.getClass()
					}else{
						this.getGroupList()
					}
				}

			},
			getStudent() {
				var me = this;
				var data = {
					master_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'userAppointment',
					actionName: 'queryStudentListPage',
					data: data,
					successBack: function(res) {
						console.log(res, '我的学生')
						me.studentList = res.data.data
					},
				})
			},
			getcomment() {
				var me = this;
				var data = {
					master_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'masterComment',
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) {
						console.log(res, '我的评论')
						me.commentList = res.data.data
						if (me.commentList.length != 0) {
							for (var i = 0; i < me.commentList.length; i++) {
								me.commentList[i].map.appointmentinfo.start_time = me.commentList[i].map.appointmentinfo.start_time.split(
									' ')
								me.commentList[i].map.appointmentinfo.end_time = me.commentList[i].map.appointmentinfo.end_time.split(' ')
								me.commentList[i].time = me.commentList[i].map.appointmentinfo.start_time[0].substr(5, 5).replace('-', '月') +
									'日' + ' ' + me.commentList[
										i].map.appointmentinfo.start_time[1].substr(0, 5) + '~' + me.commentList[i].map.appointmentinfo.end_time[1]
									.substr(0, 5)
								me.commentList[i].create_time = me.commentList[i].create_time.replace(/-/g, '.').substr(0, 10)
							}
						}
					},
				})
			},
			getClass() { //查课程表
				var me = this;
				var d = new Date();
				var startY = this.yearDate;
				var startM = '';
				var startD = '';
				var endY = '';
				var endM = '';
				var endD = '';
				if (this.monthDate < 10) {
					startM = '0' + this.monthDate
				} else {
					startM = this.monthDate
				}
				if (this.dayList[0].date < 10) {
					startD = '0' + this.dayList[0].date
				} else {
					startD = this.dayList[0].date
				}
				// 该月天数
				d.setFullYear(this.yearDate, this.monthDate, 0);
				var dd = d.getDate();
				if (this.dayList[0].date + 6 > dd) {
					if (this.monthDate + 1 > 12) {
						endY = this.monthDate + 1
						endM = 1
					} else {
						endM = this.monthDate + 1
						endY = startY
					}
					endD = this.dayList[0].date + 7 - dd

				} else {
					endY = startY;
					endM = this.monthDate;
					endD = this.dayList[0].date + 7
				}
				if (endM < 10) {
					endM = '0' + endM
				}
				if (endD < 10) {
					endD = '0' + endD
				}
				var data = {
					master_id: uni.getStorageSync('user_id'),
					start_time: startY + '-' + startM + '-' + startD + ' ' + '00:00:00',
					end_time: endY + '-' + endM + '-' + endD + ' ' + '00:00:00',
					offset: (new Date().getTimezoneOffset() / 60) * -1,
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'masterAppointment',
					actionName: 'querySchedule',
					data: data,
					successBack: function(res) {

						me.classList = res.data.data
						if (me.classList.length != 0) {
							for (var a = 0; a < me.dayList.length; a++) {
								me.dayList[a].timeNumList = []
								me.dayList[a].timeNumItem = []
								me.dayList[a].classLine = []
							}
							for (var i = 0; i < me.classList.length; i++) {
								if (me.classList[i].status == 2) {
									var timestamp = Date.parse(new Date());
									var data = new Date(me.classList[i].end_time)
									var time1 = data.getTime()
									if (time1 < timestamp) {
										me.classList[i].status = 6
									}
								}

								me.classList[i].start_time = me.classList[i].start_time.split(' ')
								me.classList[i].end_time = me.classList[i].end_time.split(' ')
								var dayNum = me.classList[i].start_time[0].substr(me.classList[i].start_time[0].length - 2, 2)

								var timeNum = me.classList[i].start_time[1].substr(0, 5) + '~' + me.classList[i].end_time[1].substr(0, 5)

								me.classList[i].timeNum = timeNum
								console.log(me.classList, '课程列表')
								for (var j = 0; j < me.dayList.length; j++) {
									if (me.dayList[j].date == dayNum) { //把对应日期的课程加到数组里
										me.dayList[j].timeNumList.push(me.classList[i])
										me.dayList[j].timeNumItem.push(timeNum)
									}

									me.dayList[j].classLine = [];
									for (var c = 0; c < me.dayList[j].timeNumList.length; c += 3) {
										me.dayList[j].classLine.push(me.dayList[j].timeNumList.slice(c, c + 3));

									}
								}
							}
						} else {
							for (var i = 0; i < me.dayList.length; i++) {
								me.dayList[i].classLine = [1]
							}
						}
						me.showWeek = true
						me.showWeek = false
						console.log(me.dayList, '课程资料')
					},
				})
			},
			showMessage(item, index1, index2, index3) {
				console.log(this.showStudent)
				if (this.selectIndex == index1 && this.selectIndex2 == index2 && this.selectIndex3 == index3) {
					if (this.showStudent == true) {
						this.showStudent = false;
						this.selectIndex = '';
						this.selectIndex2 = '';
						this.selectIndex3 = '';
					} else {
						this.showStudent = true;
						this.selectIndex = index1;
						this.selectIndex2 = index2;
						this.selectIndex3 = index3;

					}
				} else {
					this.showStudent = true;
					this.selectIndex = index1;
					this.selectIndex2 = index2;
					this.selectIndex3 = index3;
				}
				this.classItem = item
				this.studentItem = this.classItem.map.userinfo
				console.log(this.classItem)

			},
			getWeeks(year, month) { //当前月有几周
				var d = new Date();
				// 该月第一天
				d.setFullYear(year, month - 1, 1);
				var w1 = d.getDay();
				if (w1 == 0) w1 = 7;
				// 该月天数
				d.setFullYear(year, month, 0);
				var dd = d.getDate();
				// 第一个周一
				let d1;
				if (w1 != 1) d1 = 7 - w1 + 2;
				else d1 = 1;
				let week_count = Math.ceil((dd - d1 + 1) / 7);
				return week_count;
			},
			getWeekTime(year, month, weekday) { //根据年月周获取该周从周一到周日的日期
				var d = new Date();
				// 该月第一天
				d.setFullYear(year, month - 1, 1);
				var w1 = d.getDay();
				if (w1 == 0) w1 = 7;
				// 该月天数
				d.setFullYear(year, month, 0);
				var dd = d.getDate();
				// 第一个周一
				let d1;
				if (w1 != 1) d1 = 7 - w1 + 2;
				else d1 = 1;
				var monday = d1 + (weekday - 1) * 7;
				var sunday = monday + 6;
				var from = year + "-" + month + "-" + monday;
				var to;
				if (sunday <= dd) {
					to = year + "-" + month + "-" + sunday;
				} else {
					d.setFullYear(year, month - 1, sunday);
					let days = d.getDate();
					to = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + days;
				}
				return monday;
				console.log(weekday + " 从" + from + " 到 " + to + "");
			},
			getMondayTime(year, month, weekday) { //获取每月第几周的周一的日期
				var d = new Date();
				// 该月第一天
				d.setFullYear(year, month - 1, 1);
				var w1 = d.getDay();
				if (w1 == 0) w1 = 7;
				// 该月天数
				d.setFullYear(year, month, 0);
				var dd = d.getDate();
				// 第一个周一
				let d1;
				if (w1 != 1) d1 = 7 - w1 + 2;
				else d1 = 1;
				var monday = d1 + (weekday - 1) * 7;
				return monday;
			},
			getMonDate() { //获取周一的日期
				var d = new Date(),
					day = d.getDay(),
					date = d.getDate();
				if (day == 1)
					return d;
				if (day == 0)
					d.setDate(date - 6);
				else
					d.setDate(date - day + 1);
				return d;
			},
			getDayName(day) { //获得周期名字
				var day = parseInt(day);
				if (isNaN(day) || day < 0 || day > 6)
					return false;
				var weekday = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
				return weekday[day];
			},
			getMonthWeek(a, b, c) { //获得当前日期在当月第几周
				var date = new Date(a, parseInt(b) - 1, c),
					w = date.getDay(),
					d = date.getDate();
				return Math.ceil(
					(d + 6 - w) / 7
				);
			},
			getLastDay(year, month) { //获取当月最后一天日期
				var new_year = year; //取当前的年份
				var new_month = month++; //取下一个月的第一天，方便计算（最后一天不固定）
				if (month > 12) {
					new_month -= 12; //月份减
					new_year++; //年份增
				}
				var new_date = new Date(new_year, new_month, 1); //取当年当月中的第一天
				return (new Date(new_date.getTime() - 1000 * 60 * 60 * 24)).getDate(); //获取当月最后一天日期
			},
			showDate() {
				var that = this;
				var d = this.getMonDate();
				var ds = new Date();
				var arr = [];
				for (var i = 0; i < 7; i++) {
					let weekDay = this.getDayName(d.getDay());
					let date = d.getDate();
					if (weekDay == '周一') {
						let beginTime = ds.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();
						that.state.beginTime = beginTime;
					}
					if (weekDay == '周日') {
						let endTime = ds.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();
						that.state.endTime = endTime;
					}
					arr.push({
						weekDay: weekDay,
						date: date
					});
					d.setDate(d.getDate() + 1);
				}
				let month = ds.getMonth() + 1;
				let weeks = this.getMonthWeek(ds.getFullYear(), month, ds.getDate());

				//每月周一日期
				let oneDate = that.getMondayTime(ds.getFullYear(), month, 1);
				let weekNum = this.getWeeks(ds.getFullYear(), month); //当前月有几周
				console.log(weekNum, '有几周', weeks, '第几周索引', month)
				if (ds.getDate() < oneDate) {
					month = ds.getMonth();
					weeks = this.getWeeks(ds.getFullYear(), month);
				}

				this.weekList.length = weekNum
				this.dayList = arr;
				this.yearDate = ds.getFullYear();
				this.monthDate = month
				switch (weeks) {
					case 1:
						this.week = this.weekList[0];
						break;
					case 2:
						this.week = this.weekList[1];
						break;
					case 3:
						this.week = this.weekList[2];
						break;
					case 4:
						this.week = this.weekList[3];
						break;
					case 5:
						this.week = this.weekList[4];
						break;
					case 6:
						this.week = this.weekList[5];
						break;
				}
				console.log(this.week, '第几周')
			},
			// cweekday(wday) {
			// 	var hzWeek = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日");
			// 	return hzWeek[wday];
			// },
			isShowWeek() {
				if (this.showWeek == true) {
					this.showWeek = false
				} else {
					this.showWeek = true
				}
			},
			chooseWeek(index, type) {
				this.week = this.weekList[index]
				let days = new Date(this.yearDate, this.monthDate, 0).getDate()
				var startDay = this.getWeekTime(this.yearDate, this.monthDate, index + 1)
				for (var i = 0; i < 7; i++) {
					this.dayList[i].date = startDay;
					startDay++;
					if (startDay > days) {
						startDay = 1
					}
				}
				this.getClass()
			},
			toChangeData() {
				uni.showModal({
					title: '提示',
					content: '更改资料需要重新审核,确定要更改吗',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
							// uni.navigateTo({
							// 	url:'/pages/My/helpProve/helpProve?type='
							// })
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			toMessage() {
				uni.navigateTo({
					url: '../../../pages/My/messageCenter/messageCenter?type=master'
				})
			},
			toMoney() {
				uni.navigateTo({
					url: '../../../pages/My/myProfit/myProfit'
				})
			},
			toSetClass(day, time) {
				uni.navigateTo({
					url: '../../../pages/My/setClass/setClass?year=' + this.yearDate + '&month=' + this.monthDate + '&day=' + day +
						'&time=' + time
				})
			},
		}
	}
</script>

<style scoped>
	.fixed-box {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}

	.fixedbox {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		background: #FFFFFF;
		/* z-index: 999; */
	}

	.bg {
		height: 410upx;
		width: 100%;
	}

	.head {
		display: flex;
		position: absolute;
		top: 90upx;
		align-items: center;
		justify-content: space-between;
		padding: 0 24upx;
		width: 100%;
		color: #FFFFFF;
		box-sizing: border-box;
	}

	.head_left1 {
		display: flex;
		align-items: center;
		font-size: 32upx;
	}

	.head_left1 image {
		width: 20upx;
		height: 36upx;
		margin-right: 10upx;
	}

	.head_right1 {
		width: 88upx;
		position: relative;
		display: flex;
		align-items: center;
		top: 40upx;
	}

	.imgBox {
		position: relative;
		margin-right: 20upx;
	}

	.imgBox image {
		width: 35upx;
		height: 35upx;
	}

	.hongdian {
		background: #FF0000;
		width: 12upx;
		height: 12upx;
		border-radius: 50%;
		position: absolute;
		right: 0upx;
		top: 0upx;
	}

	.swiper-tall {
		position: absolute;
		top: 200upx;
		width: 100%;
		height: 400upx;
	}

	.swiper-container {
		width: 566upx;
		height: 308upx;

	}

	.swiper-item {
		/* margin: 0 40upx; */
		overflow: visible;
	}

	swiper-item {
		overflow: visible;
		margin-right: 40upx;
	}

	.card {
		position: absolute;
		width: 566upx;
		height: 308upx;
		border-radius: 20upx;
		overflow: hidden;
		background: #FFFFFF;
		box-shadow: 0px 5px 9px 3px rgba(70, 206, 207, 0.69);
		padding: 30upx 18upx 18upx 18upx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.card_item {
		display: flex;
		justify-content: space-between;
	}

	.img_box {
		position: relative;
	}

	.updateImg {
		width: 82upx;
		height: 82upx;
		position: absolute;
		right: 6upx;
		bottom: -8upx;
	}

	.type {
		color: #333333;
		font-size: 32upx;
		font-weight: bold;
	}

	.money {
		color: #46CECF;
		font-size: 28upx;
	}

	.language {
		width: 75upx;
		height: 35upx;
		background: #46CECF;
		color: #FFFFFF;
		font-size: 24upx;
		text-align: center;
		line-height: 35upx;
	}

	.card_item1 {
		display: flex;
		align-items: center;
		color: #666666;
		font-size: 22upx;
	}

	.car_item2 {
		display: flex;
		justify-content: center;
		font-size: 20upx;
		color: #666666;
	}

	.margin1 {
		margin: 0 20upx;
	}

	.magin2 {
		margin-right: 15upx;
	}

	.text2 {
		color: #FCC732;
		margin: 0 40upx 0 15upx;
	}

	.text1 {
		font-size: 28upx;
		color: #333333;
	}

	.video_box {
		width: 602upx;
		height: 356upx;
	}

	.menu_box {
		width: 100%;
		background-color: white;
		height: 100upx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		color: #999999;
		font-size: 30upx;
		padding-top: 150upx;
	}

	.fontActive {
		color: #46CECF;
	}

	.data-active {
		height: 6upx;
		background-color: #46CECF;
		border-radius: 8upx;
		position: relative;
		top: 25upx;
	}


	.message_box {
		margin-top: 20upx;
	}

	.first_box {
		padding-top: 670upx;
	}

	.message_item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 24upx;
		height: 88upx;
		width: 100%;
		line-height: 88upx;
		color: #333333;
		font-size: 32upx;
		background: #FFFFFF;
		box-sizing: border-box;
		border-bottom: 1upx solid #E6E6E6;
	}

	.right_text {
		color: #999999;
	}

	.pingfen {
		display: flex;
		align-items: center;
	}

	.pingfen text {
		color: #FCC732;
		font-size: 42upx;
		margin-left: 30upx;
	}

	.mid_item {
		background: #FFFFFF;
		width: 100%;
		padding: 0 24upx;
		box-sizing: border-box;
		padding-bottom: 20upx;
		text-align: center;
	}

	.body_top_item {
		display: flex;
		align-items: center;
		height: 78upx;
		box-sizing: border-box;
	}

	.text3 {
		color: #333333;
		font-size: 32upx;
		font-weight: bold;
		margin-right: 60upx;
	}

	.body_item_right {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 73%;
		font-size: 32upx;
		color: #333333;
	}

	.body_item_right image {
		width: 16upx;
		height: 28upx;
	}

	.selected-img {
		width: 602upx;
		height: 356upx;
		border-radius: 20upx;
		overflow: hidden;
	}

	.mid_item .proveText {
		text-align: left;
		width: 100%;
		padding: 30upx 0 20upx 0;
	}

	.message_me {
		display: flex;
		flex-direction: column;
		background: #FFFFFF;
		padding: 28upx 24upx;
	}

	.me_body {
		background: #F7F7F7;
		width: 658upx;
		padding: 15upx 22upx;
		font-size: 28upx;
		color: #333333;
		margin-top: 24upx;
	}

	.btn_box {
		background: #FFFFFF;
		width: 100%;
		height: 120upx;
		text-align: center;
		margin-top: 20upx;
		padding-top: 26upx;
	}

	.btn {
		border-radius: 39upx;
	}

	/* .padding-box {
		padding-top: 670upx;
	} */

	.studentItem {
		height: 158upx;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 24upx;
		border-bottom: 1upx solid #E6E6E6;
	}

	.student_left {
		display: flex;
		align-items: center;
		color: #333333;
		font-size: 32upx;
	}

	.student_left image {
		width: 106upx;
		height: 106upx;
		margin-right: 28upx;
		border-radius: 50%;
		overflow: hidden;
	}

	.student_right {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		color: #666666;
		font-size: 26upx;
		align-items: flex-end;
	}

	.student_right text {
		margin: 16upx 0;
	}


	.comment_box {
		background: #FFFFFF;
		padding: 35upx 54upx;
		border-bottom: 1upx solid #E6E6E6;
	}

	.comment_title {
		color: #333333;
		font-size: 28upx;
		font-weight: bold;
	}

	.comment_people {
		display: flex;
		margin: 10upx 0;
	}

	.headImg {
		width: 41upx;
		height: 41upx;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 8upx;
	}

	.name_box {
		font-size: 20upx;
		color: #999999;
		display: flex;
	}

	.returnto {
		margin: 0 18upx;
	}

	.grade_box {
		display: flex;
		align-items: center;
		font-size: 20upx;
		color: #999999;
	}

	.comment_first {
		color: #333333;
		font-size: 26upx;
		padding-left: 50upx;
	}

	.comment_two {
		padding: 28upx 24upx;
		background: #E6E6E6;
		width: 522upx;
		margin-left: 50upx;
		margin-top: 10upx;

	}

	.margin2 {
		margin-left: 10upx;
	}

	.text4 {
		color: #333333;
		font-size: 26upx;
	}

	.delete {
		color: #4299DC;
		font-size: 20upx;
	}

	.time {
		color: #999999;
		font-size: 20upx;
		margin: 0 20upx;
	}

	.teble_box {
		background: #FFFFFF;
		width: 100%;
	}

	.teble_item {
		display: flex;
		border: 1upx solid #46CECF;
		border-top: none;
	}

	.teble_item:nth-child(1) {
		border-top: 1upx solid #46CECF;
	}

	.title_left {
		width: 17%;
		height: 150upx;
		border-right: 1upx solid #46CECF;
		color: #333333;
		font-size: 28upx;
		word-wrap: break-word;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0 17upx;
	}

	.title_right {
		display: flex;
		flex-direction: column;
		/* border: 1upx solid #46CECF; */
		width: 83%;
	}

	.title_right image {
		width: 23upx;
		height: 12upx;
		margin-left: 10upx;
	}

	.title_week {
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1upx solid #46CECF;
		height: 50%;
		color: #46CECF;
		font-size: 32upx;
		font-weight: bold;
		position: relative;
	}

	.title_class {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #333333;
		font-size: 28upx;
		height: 50%;
	}

	.class_day {
		border-right: 1upx solid #46CECF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #333333;
		font-size: 28upx;
		width: 17%;
		padding: 0 16upx;
	}

	.text_day {
		color: #999999;
		font-size: 22upx;

	}

	.class_anpai {
		color: #46CECF;
		font-size: 28upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 1upx solid #46CECF;
		padding: 0 8upx;
		white-space: nowrap
	}

	.class_box {
		/* border:1upx solid #46CECF ; */
		display: flex;
		height: 106upx;
	}

	.class_item {
		width: 160upx;
		border-right: 1upx solid #46CECF;
		color: #666666;
		font-size: 20upx;
		text-align: center;
		line-height: 106upx;
		height: 106upx;
		/* border-top: 1upx solid #46CECF; */
	}

	.class_item2 {
		/* line-height: 0;/ */
		width: 160upx;
		display: flex;
		align-items: center;
		flex-direction: column;
		color: #FF0000;
		font-size: 20upx;
		border-top: 1upx solid #46CECF;
	}

	.class_item2 text {
		width: 160upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}

	.class_item:nth-child(3) {
		border-right: none;
	}

	.class_big {
		display: flex;
		flex-direction: column;
		width: 800upx;
	}

	.class_box:nth-child(2) .class_item {
		border-top: 1upx solid #46CECF;
	}

	.week_box {
		background: #FFFFFF;
		border: 1upx solid #46CECF;
		position: absolute;
		display: flex;
		flex-direction: column;
		top: 65upx;
		right: 228upx;
	}

	.week_box text {
		color: #000000;
		font-size: 28upx;
		border-bottom: 1upx solid #E6E6E6;
		text-align: center;
		width: 120upx;
		text-align: center;
		height: 50upx;
		line-height: 50upx;
		padding: 10upx;
	}

	.noList {
		color: #CCCCCC;
		font-size: 26upx;
		line-height: 300upx;
		text-align: center;
		width: 100%;
	}

	.status1 {
		line-height: 50upx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-direction: column;
		background: #F5F5F5;
		color: #333333;
	}

	.status4 {
		background: #F5D556;
		color: #FFFFFF;
	}

	.status5 {
		background: #F5B356;
		color: #FFFFFF;
	}

	.active {
		border: 2upx solid rgba(70, 206, 207, 1);
		border-bottom: 4upx solid rgba(70, 206, 207, 1);
	}

	.bottom-box {
		background: #FFFFFF;
		height: 180upx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 24upx;
		box-sizing: border-box;
		position: fixed;
		bottom: 0upx;
		left: 0upx;
		border-top: 1upx solid #E6E6E6;
	}

	.bottom-left {
		display: flex;
		align-items: center;
	}

	.bottom-left image {
		width: 106upx;
		height: 106upx;
		overflow: hidden;
		border-radius: 50%;
		margin-right: 10upx;
	}

	.people-box {
		display: flex;
		flex-direction: column;
		color: #333333;
		font-size: 32upx;
		height: 100upx;
		justify-content: space-between;
	}

	.names {
		text-indent: 10upx
	}

	.message-box {
		color: #666666;
		font-size: 26upx;
		white-space: nowrap;
		width: 440upx;
		text-overflow: ellipsis;
		overflow: hide;
	}

	.bottom-right {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		height: 136upx;
		justify-content: space-between;
		font-size: 28upx;
		line-height: 60upx;
	}

	.right-top {
		width: 152upx;
		height: 60upx;
		background: #46CECF;
		color: #FFFFFF;
		border-radius: 30upx;
		text-align: center;
	}

	.right-bottom {
		width: 152upx;
		height: 60upx;
		color: #999999;
		border-radius: 30upx;
		text-align: center;
		border: 1upx solid #E6E6E6;
	}

	.padding_bottom {
		padding-bottom: 200upx;
	}
	
	.tuijianItem {
		width: 343upx;
		border-radius: 20upx;
		overflow: hidden;
		margin: 16upx;
		position: relative;
	}
	
	.coverImg {
		height: 343upx;
		width: 343upx;
		border-radius: 20upx;
		overflow: hidden;
	}
	
	.GroupOwner {
		display: flex;
		color: #FFFFFF;
		font-size: 24upx;
		position: absolute;
		left: 10upx;
		top: 300upx;
	}
	
	.GroupOwner image {
		width: 33UPX;
		height: 33upx;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 10upx;
	}
	
	.tuijianList {
		background: #FFFFFF;
		display: flex;
		flex-wrap: wrap;
	}
	
	.titleTop {
		display: flex;
		justify-content: space-between;
		color: #333333;
		font-size: 28upx;
		text-align: center;
	}
	.titleTop image {
		height: 40upx;
		width: 200upx;
	}
	.titleTop image:nth-of-type(1){
		height: 40upx;
		width: 150upx;
	}
	
	
	.titleLanuage {
		font-size: 20upx;
		border: 1upx solid #999999;
		padding: 0 10upx;
		line-height: 30upx;
	
	}
	.creatClass{
		width: 159rpx;
		height: 163rpx;
		position: fixed;
		right: 0px;
		bottom: 216rpx;
		z-index: 6666;
	}
</style>
